<template>
  <!-- AI内容仅供参考，请遵守服务条款和隐私政策 -->
  <div :class="`service-agreement ${small ? 'small' : ''}`">AI内容仅供参考</div>
  <!-- ，请遵守<a :href="SERVICE_PROTOCOL" target="_blank">服务条款</a>和<a :href="PRIVATE_PROTOCOL" target="_blank">隐私政策</a> -->
</template>

<script>
import {
  SERVICE_PROTOCOL,
  PRIVATE_PROTOCOL,
  LLM_PLATFORM_MOBILE,
  LLM_PLATFORM_PC,
} from "@/constants";
export default {
  name: "ServiceAgreement",
  props: {
    small: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      SERVICE_PROTOCOL,
      PRIVATE_PROTOCOL,
      LLM_PLATFORM_MOBILE,
      LLM_PLATFORM_PC,
    };
  },
};
</script>

<style lang="less" scoped>
.service-agreement {
  text-align: center;
  padding: var(--spacing-base-loose);
  color: var(--color-text-caption);
  font: var(--caption-regular);

  &.small {
    padding: 0 var(--spacing-base-loose) var(--spacing-base-loose)
      var(--spacing-base-loose);
    font-size: 10px;
    line-height: normal;
  }
  a {
    text-decoration: none;
  }
}
</style>